<!DOCTYPE html>
<html lang="en" xmlns:c="http://java.sun.com/jsp/jstl/core">
<head>
    <meta charset="UTF-8">
    <title>实际线路生成</title>
    <!--<link rel="stylesheet" href="${ctxPath}/static/css/css/bootstrap-select.min.css"></link>-->
    <!--<script src="${ctxPath}/static/js/bootstrap-select.min.js"></script>-->


    <script type="text/javascript">

        function fun(){
            var str=[];
            var obj = document.getElementById("approverq");
            for(var i=0;i<obj.options.length;i++){
                if(obj.options[i].selected){
                    str.push(obj.options[i].value);// 收集选中项
                }
            }
            $("#approver").val(str);
        }

    </script>

</head>

<body> <h3>jQuery操作checkbox
       </h3>
${lists}

<c:forEach items="${lists}" var="lists">
    <input type="checkbox" id="cbCheckbox" value="lists.id" />${lists.id}
</c:forEach>

    <input type="checkbox" id="cbCheckbox1" value="1" />
     <input type="checkbox" value="2" />
     <input type="checkbox" disabled="disabled" value="3" />
     <input type="checkbox" value="4" />
     <input type="checkbox" disabled="true" value="5" />
<br />
     <input type="button" id="btnDisabled" value="禁用" onclick="fn_disabled();" />
     <input type="button" id="Button1" value="启用" onclick="fn_enable();" /><br />
     <input type="button" id="Button2" value="获取选中的值" onclick="getCheckedValues();" /><br />
     <input type="button" id="Button3" value="选中第二个" onclick="checkedSecond();" />
     <input type="button" id="Button4" value="取消选中第二个" onclick="uncheckedSecond();" /><br />
 </body>
 </html>
<script src="${ctxPath}/static/js/jquery.min.js" type="text/javascript"></script>
 <script type="text/javascript">

         function fn_disabled() {
                 //$("input[type='checkbox']").attr("disabled", "disabled");
                 //$("input[type='checkbox']").attr("disabled", true);
                 $("input[type='checkbox']").prop("disabled", true);
                //  $("input[type='checkbox']").prop("disabled", "disabled");
             }
       function fn_enable() {
                 //  $("input[type='checkbox']").removeAttr("disabled");
                // $("input[type='checkbox']").attr("disabled", false);
                 // $("input[type='checkbox']").prop("disabled","")
           //         $("input[type='checkbox']").prop("disabled", false);
             }

         //获取选中的 checkbox的值
        function getCheckedValues() {
                 var arr = [];
                 $("input[type='checkbox']:checked").each(function (index, item) {//
                         arr.push($(this).val());
                     });
               alert(arr);
             }

        function checkedSecond() {
                 // $("input[type='checkbox']:eq(1)").prop("checked", "checked");
                 $("input[type='checkbox']:eq(1)").prop("checked", true);
         }

         function uncheckedSecond() {
                 //  $("input[type='checkbox']:eq(1)").prop("checked", "");
                $("input[type='checkbox']:eq(1)").prop("checked", false);
             }

         $("#cbCheckbox1").click(function () {
                 if ($(this).prop("checked")) {//jquery 1.6以前版本 用  $(this).attr("checked")
                        alert("选中");
                     } else {
                         alert("没有选中");
                     }
             });

     </script>

